<template>
  <div>
     <h2>v-model指令的实现</h2>
     <!-- 用户名：<input type="text" v-model="username"> -->
     <!-- 自己实现v-model -->
     用户名：<input type="text" :value="username" @input="handleInput">
     密码:<input type="text"  v-model='password'>
  </div>
   <!-- 思考改的值是什么 
   实现v-model
   数据到视图
   视图到数据
   1. value  v-bind
   2. 输入事件 输入过程中 实时拿到dom input 里的value
   -->
</template>

<script>
export default {
  data(){
    return {
      username:'',
      password:''
    }
  },
  methods: {
    handleInput(e){
      // console.log(e.target.value);
      this.username = e.target.value
    }
  },
}
</script>
